import React from 'react'
import { NavLink } from 'react-router-dom'
// import A from '../views/router-dom/A';
// import B from '../views/router-dom/B';
// import C from '../views/router-dom/C';

/* 样式处理 */
import styled from "styled-components";
const NavBox = styled.nav
`a{
    margin-right: 10px;
    color: #000;
    &.active{
        color: #ff0000;
    }
   }`;


export default function HomeHead() {
  return (
    <NavBox>
        <NavLink to="/a">A</NavLink>
        <NavLink to="/b">B</NavLink>
        <NavLink to="/c">C</NavLink>
    </NavBox>
  )
}
